﻿
<!doctype html>

<html>
     <!-- head 由浏览器内核解析.制定的标准 -->
     <head>
            <!-- 浏览器内核以utf-8的编码格式解析当前html -->
            <meta charset = "utf-8"/>
            <!-- 浏览器标签栏显示的内容 -->
            <title>主页</title>
     </head>
     <body>
     
           <a href = "http://www.baidu.com">百度</a>
           <img src ="image/logo.png" width="50"/>
           <h3>标题--块级元素</h3>

           <!--级联标签-->
           <ul style = "list-style-type:none;">
           <li >li1</li>

           <li >li2</li>

           </ul>
          <hr>

        <!--form表单的包含的内容提交到后台 。是由type="submit" 的input标签来激活form.submit       事件
         action 是提交地址  那么区分多个form表单



      -->

       <form action = "#" name ="form1 "  method="get">
       <!-- 单选-->

             <!--文本框 name属性是后台接收-->
             <input type = "text" placeholder = "Please enter your userna name"/><br> 

             <!--密码框-->
             <input type = "password" placeholder = "Please enter your password"/><br>

             <span>请您选择性别</span>     <!-- 文字的容器-->

             <label for = "man">男</label>
             <input type = "radio" name = "sex"  id ="man" checked/>  <!--单选框 name的属性 -->
             <label>人妖<input type = "radio" name = "sex"/></label>
             <label>女<input type = "radio" name = "sex"/></label><br><br>
  
  

        <!-- 复选-->

             <span>请选择您的爱好</span><br>
  
             <!-- name属性的作用是将多个选项整合-->
             <label>book <input type = "checkbox" name = "hobby" checked="checked" /> </label>
             <label>game <input type = "checkbox" name = "hobby"/> </label>
             <label>basketball <input type = "checkbox" name = "hobby"/> </label>
             <label>football <input type = "checkbox" name = "hobby"/> </label>

       <!-- selct下拉框-->
             <span>请选择您的生日</span><br>
                 <select>
                   <option>1997</option>
                   
                   <option selected >1998</option>
                   <option>1999</option>
                   <option>2000</option>


                 </select>
        <!-- textarea 框-->
                  <textarea  rows = "15" cols ="200"></textarea>
                     
             <input type = "submit"/>

        </form>

     </body>

</html>